@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:1960px;  height:auto; overflow:hidden; position:relative; margin:0 auto; font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; z-index:100; background: url(../Images/allbg.jpg) bottom 235px center no-repeat  #f4f3f8}
.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

@font-face{font-family:fontA;src:url(Helvetica-Neue-UltraLight-2.ttf)}


#fixmenu{ width:100%; height:auto; overflow:hidden; background: url(../Images/menucover.png) repeat; position:fixed; left:0px; top:0px; z-index:100000; display:none}
#fixmenu .boxmenu{ width:100%; max-width:750px;  height:auto; position:relative; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px 50px; float:right}
#fixmenu .close{ width:96%; margin:0 auto; margin-top:20px; overflow:hidden; text-align:right}
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px padding:0px; list-style:none; font-size:16px; height:auto; line-height:50px; text-align:left; width:100%; clear:both; font-weight:700}
#fixmenu .themenu ul li ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:35px; line-height:35px; overflow:hidden; clear:none; float:left; font-weight: normal}


.pcshow{ display:block}
.mbshow{ display:none}


/*
.gotop{  width:40px; height:auto; cursor: pointer; z-index:200; right:10px;position: fixed;bottom: 100px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;
}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:40px; height:42px; position:relative; overflow: visible}
.gotop ul li.t1 p{ display:block; cursor:pointer}
.gotop ul li.t1 p{ width:40px; height:42px; background:url(../Images/float1.png) no-repeat;}
.gotop ul li.t2 p{ width:40px; height:42px; background:url(../Images/float2.png)no-repeat;}
.gotop ul li.t3 p{ width:40px; height:42px; background:url(../Images/float3.png) no-repeat;}
.gotop ul li.t4 p{ width:40px; height:42px; background:url(../Images/float4.png) no-repeat;}

.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:42px; top:0px; display:none}
.gotop ul li .tel{ width:100px; height:42px; line-height:42px; text-align:center; position:absolute; right:42px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t4:hover .tel{ display:block} 
*/

.gotop{  width:74px; height:auto; cursor: pointer; z-index:200; right:0px;position: fixed;bottom:200px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020; display: none;}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:74px; height:74px; position:relative; overflow: visible}
.gotop ul li p{ width:74px; height:74px; text-align:center; color:#FFF; background:#5e6367; display:block; cursor:pointer; box-sizing:border-box; padding:15px 0 0 0}
.gotop ul li:hover p{ background:#728ca3}


.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:80px; top:0px; display:none}
.gotop ul li .tel{ width:125px; height:74px; line-height:74px; text-align:center; position:absolute; right:80px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t3:hover .tel{ display:block} 


.headbox{ width:100%; height:112px;position: relative; z-index:1000000;overflow: visible; margin:0 auto; background:#FFF; left:0; top:0 }
.headbox .box{ width:96%;  height:112px;margin:0 auto; overflow:visible; position:relative; }
.headbox .box .logo{ position:absolute; left:0; top:5px;}
/*
.headbox .box .tel{ position:absolute; right:0; top:22px; width:190px; height:35px; line-height:35px; background: url(../Images/telicon.png) 16px 8px no-repeat #FFF; overflow:hidden; color:#242424; text-indent:42px; font-size:16px; border-radius:20px; border:1px solid #00a2e9; border-radius:15px; color:#00a2e9}
*/
.headbox .box .tel{ position:absolute; right:0; top:35px; background: url(../Images/telicon.png) left center no-repeat; overflow:hidden; color:#262626;  font-size:18px; width:171px; height:42px; line-height:42px;  text-indent:45px;}


.headbox .box .menu{ width:50%; position:absolute; left:50%; margin-left:-25%; top:0px; overflow:visible;}
.headbox .box .menu ul{ margin:0px; padding:0px; list-style:none;}
.headbox .box .menu ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; height:112px; line-height:112px; font-size:18px; float:left; overflow:visible; text-align:center; position:relative;transition: all 0.5s liner;}


.headbox .box .menu ul li:after{content:"";background:#213154; width:0; height:5px;transition: all 0.5s ease; position:absolute; left:50%; margin-left:-40px; bottom:22px}
.headbox .box .menu ul li:hover:after{ width:80px;}

.headbox .box .menu ul li ul{ position:absolute; top:112px; left:0; display:none}
.headbox .box .menu ul li ul li{ width:100%; height:50px; line-height:50px; font-size:14px; background:url(../Images/menu2.png) repeat; font-weight:normal; float:left; color:#FFF; border-bottom:1px solid #d7e3e8;}
.headbox .box .menu ul li ul li a{ color:#FFF}
.headbox .box .menu ul li ul li:hover{ background:#213154}

.headbox .box .menu ul ul li:after{content:"";background:#213154; width:0; height:5px;transition: all 0.5s ease; position:absolute; left:50%; margin-left:-40px; bottom:0}
.headbox .box .menu ul ul li:hover:after{ width:0;}


.headbox .box .menu ul li.onfocus{ font-weight:700; background: url(../Images/tline.jpg) top center no-repeat}
.headbox .box .menu ul li.onfocus a{ color:#213154}
.headbox .box .menu ul li.onfocus ul li a{ color:#FFFFFF}



.headbox .box .searchbox{ width:167px; height:37px; border:1px solid #b4b4b4; position:absolute; right:0px; top:25px; overflow:hidden; border-radius:20px;}
.headbox .box .searchbox .input1{ width:100px; height:35px; line-height:37px; border:0px; position:absolute; left:10px; top:1px;}
.headbox .box .searchbox .btnme{ width:21px; height:21px; overflow:hidden; position:absolute; right:0px; top:10px; background:url(../Images/searchbtn.jpg) no-repeat; right:11px; top:7px; border:0}


.headbox .box .searchbtn{ position:absolute; right:193px; top:40px; width:35px; height:35px; font-size:20px; font-weight:normal; cursor:pointer; z-index:100; color:#ffffff; text-align:center; background:#5addb6; border-radius:30px; line-height:35px;}
.headbox .box .menubtn{ position:absolute; right:0px; top:24px; width:47px; height:40px; font-size:24px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#213154; text-align:right;}

.menubox{ width:100%; height:62px; background: url(../Images/menubg.png) repeat; position: absolute; left:0px; top:71px; z-index:1000; }



.homeSlide{ width:100%; height:760px; overflow:hidden; position:relative; z-index:10; margin:0 auto;   }
.homeSlide .list{width:100%; height:760px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlide .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:760px; overflow:hidden; float:left; position:relative}
.homeSlide .list ul li .pic{ width:100%; height:760px; overflow:hidden;}
.homeSlide .arrlist{ position:absolute; right:16%; bottom:46px}
.homeSlide .arrlist .leftarr{ width:41px; height:40px; background:url(../Images/left1.png) no-repeat; cursor:pointer; float:left; }
.homeSlide .arrlist .rightarr{ width:41px; height:40px; background:url(../Images/right1.png) no-repeat; cursor:pointer; float:left; }

.homeSlide .arrlist .spage{ float:left; height:40px; line-height:40px;}
.homeSlide .arrlist .spage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #7dc0df; margin: 0 3px;cursor: pointer;}
.homeSlide .arrlist .spage .swiper-active-switch { background: #f4f7f8;}



.homeSlidemb{ width:100%; height:508px; overflow:hidden; position:relative; z-index:10; margin:0 auto; margin-top:-71px;}
.homeSlidemb .list{width:100%; height:508px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlidemb .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:508px; overflow:hidden; float:left; position:relative}

#ertopslide{ width:100%; height:540px; overflow:hidden; position:relative; z-index:0  }
.erSlide{ width:100%; height:540px; overflow:hidden; position:relative;z-index:5; position:relative; }
.erSlide .list{width:100%; height:540px; overflow:hidden; position:relative;   margin:0 auto}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:540px; overflow:hidden; float:left; position:relative}
.erSlide .list ul li .pic{width:100%; height:540px;}

.erSlide .cbox{ width:100%; height:55px; position:absolute; left:0; bottom:0; background:url(../Images/esbg.png) repeat}
.erSlide .tpage {position: absolute;left:50%; margin-left:-640px;text-align: right;bottom:20px;width: 100%; max-width:1280px; color:#FFF}
.erSlide .tpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #878785; margin: 0 3px;cursor: pointer;}
.erSlide .tpage .swiper-active-switch { background: #ffffff;}


.erSlide .namebox{ position:absolute; width:640px; left:50%; margin-left:-320px; bottom:170px; background:url(../Images/slideline.jpg) bottom center no-repeat; padding-bottom:90px} 
.erSlide .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:40px; color:#213154; line-height:40px; font-weight:700; text-align:center}
.erSlide .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:30px; color:#213154; margin-top:10px;text-align:center}

.erSlidemb{ width:100%; height:442px; overflow:hidden; position:relative;z-index:5; }
.erSlidemb .list{width:100%; height:442px; overflow:hidden; position:relative;   margin:0 auto}
.erSlidemb .list ul{ margin:0px; padding:0px; list-style:none}
.erSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:442px; overflow:hidden; float:left; position:relative}
.erSlidemb .namebox{ position:absolute;  left:40px; bottom:40px} 
.erSlidemb .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#ffffff; line-height:50px;}
.erSlidemb .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c0bebd; margin-top:10px;}


.indextopmenu{ width:100%; height:60px; line-height:60px; overflow:hidden; background:#FFF; display:none}
.indextopmenu ul{ margin:0px; padding:0px; list-style:none}
.indextopmenu ul li{ margin:0px; padding:0px; list-style:none; width:20%; height:60px; line-height:60px; font-size:14px; text-align:center; float:left}



.homepart1{ width:100%; height:500px; margin:0 auto; padding:0; background:#FFF; position:relative}
.homepart1 .topbox{ width:100%; height:69px; position:absolute; left:0px; top:20px; z-index:10}
.homepart1 .topbox .logo{ position:absolute; left:5%; top:0px;}
.homepart1 .topbox .menubtn{  position:absolute;right:5%; top:11px; width:47px; height:40px; font-size:32px; font-weight:normal; cursor:pointer;z-index:100; color:#ffffff; text-align:right;}
.homepart1 .listbox{ width:100%; height:500px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:0}
.homepart1 .list{ width:100%; height:500px; overflow:hidden;}
.homepart1 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; height:500px; position:relative; overflow:hidden; float:left;transition: all 0.5s ease;}
.homepart1 .list ul li .pic{ width:100%; height:500px; overflow:hidden;}
.homepart1 .list ul li .cover{ width:100%; height:500px; overflow:hidden; background:url(../Images/cover1.png) repeat; position:absolute; left:0px; top:0px; z-index:1; opacity:1}

.homepart1 .list ul li .box{ width:350px; height:207px; border-radius:200px; position:absolute; left:50%; top:50%; margin-left:-175px; margin-top:-100px; z-index:2;}
.homepart1 .list ul li .box .img{ width:100%; height:142px; background:url(../Images/probg.png) center center no-repeat; background-size:auto 142px; text-align:center; position:relative; z-index:10;transition: all 1s ease;}
.homepart1 .list ul li .box .img img{ margin-top:39px;transition: all 0.5s ease;}

.homepart1 .list ul li .box .tit{ width:100%; height:45px; line-height:30px; background:url(../Images/line1.jpg) top center no-repeat; font-size:28px; color:#ffffff; text-align:center; margin-top:20px; padding-top:15px;position:relative; z-index:10 }
.homepart1 .list ul li .box .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden;  font-size:14px; color:#ffffff; text-align:center; margin-top:20px; display:none;position:relative; z-index:10}
.homepart1 .list ul li .box .more{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:14px; margin-top:10px; color:#FFF; display:none;position:relative; z-index:10}

.homepart1 .list ul li:hover .cover{ opacity:0}
/*
.homepart1 .list ul li:hover .box{ background:url(../Images/cover2.png) center center repeat;}
*/

.homepart1 .list ul li:hover .box {height:350px;margin-top:-175px; }

.homepart1 .list ul li:hover .box .tit{ margin-top:20px;}
.homepart1 .list ul li:hover .box .img{ background-size:0 0px;  height:auto; padding:20px 0 20px 0}
.homepart1 .list ul li:hover .box .img img{ margin-top:30px;}
.homepart1 .list ul li:hover .box .tit2{ display:block}
.homepart1 .list ul li:hover .box .more{ display:block}

.homepart1 .list ul li .box:before{opacity: 0;width:0;height:0;transition: all linear 0.8s;position:absolute;left:50%;top:50%;content: "";z-index:0;background:url(../Images/cover2.png) center center repeat;border-radius:200px;}

.homepart1 .list ul li:hover .box:before{opacity: 1;width:100%;height:100%;left:0%;top:0%;}


/*第一屏手机*/
.homepart1mb{ width:100%; height:auto; margin:0 auto; padding:0; background:#FFF; position:relative; display:none}
.homepart1mb .topbox{ width:100%; height:50px; position:relative; margin-top:20px; z-index:10}
.homepart1mb .topbox .logo{ position:absolute; left:20px; top:0px;}
.homepart1mb .topbox .logo img{ height:50px;}
.homepart1mb .topbox .menubtn{  position:absolute;right:20px; top:11px; width:47px; height:40px; font-size:32px; font-weight:normal; cursor:pointer;z-index:100; color:#ffffff; text-align:right;}
.homepart1mb .topbox .searchbtn{ position:absolute; right:80px; top:11px; width:35px; height:35px; font-size:30px; font-weight:normal; cursor:pointer; z-index:100; color:#ffffff; text-align:center; line-height:35px;}

.homepart1mb .listbox{ width:100%; height:auto; overflow:hidden; position:relative;z-index:0; margin-top:-70px;}
.homepart1mb .list{ width:100%; height:auto; overflow:hidden;}
.homepart1mb .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1mb .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:320px; position:relative; overflow:hidden; float:left}
.homepart1mb .list ul li .pic{ width:100%; height:320px; overflow:hidden;}
.homepart1mb .list ul li .cover{ width:100%; height:320px; overflow:hidden; background:url(../Images/cover1.png) repeat;transition: all 0.8s ease; position:absolute; left:0px; top:0px; z-index:1; opacity:1}
.homepart1mb .list ul li .box{ width:100%; height:auto; position:absolute; left:0px; top:60px; z-index:10}
.homepart1mb .list ul li .box .img{ width:100%; height:142px; background:url(../Images/probg.png) center center no-repeat; text-align:center;}
.homepart1mb .list ul li .box .img img{ margin-top:39px;}
.homepart1mb .list ul li .box .tit{ width:100%; height:45px; line-height:30px; background:url(../Images/line1.jpg) top center no-repeat; font-size:16px; color:#ffffff; text-align:center; margin-top:10px; padding-top:15px; }



.homepart2{ width:100%; height:auto;margin:0 auto; padding:100px 0; overflow:hidden; background: url(../Images/h2bg.jpg) bottom center no-repeat; background-size:cover; }
.homepart2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;  padding:0 0 0 0 }
.homepart2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.homepart2 .leftbox{ width:48%; height:auto; float:left; overflow:hidden;}

.homepart2 .rightbox{ width:50%; height:auto; float:right; overflow:hidden; background:url(../Images/piccolor1.jpg) right bottom no-repeat; box-sizing:border-box; padding:0 15px 15px 0;transition: all 0.5s ease;}


.homepart2 .titbox{ width:100%; height:85px; overflow:hidden; position:relative}
.homepart2 .titbox .tit{ position:absolute; left:0px; top:25px; font-size:40px; font-weight:700; color:#213154;}
.homepart2 .titbox .tit  span{ color:#5addb6}
.homepart2 .titbox .tit2{ position:absolute; left:0px; bottom:0px; font-size:20px; color:#636566; }
.homepart2 .titbox .more{ position:absolute; right:0px; top:20px; height:50px; line-height:50px; font-size:14px;}
.homepart2 .titbox .more em{ font-style:normal; background:#5addb6; border-radius:40px; color:#FFF; padding:10px 13px; font-size:20px;transition: all 0.5s ease;}

.homepart2 .titbox .more:hover em{ background:#213154}

.homepart2 .leftbox .wordbox{ width:100%; height:auto; overflow:hidden; font-size:15px; line-height:200%; margin-top:35px;}
.homepart2 .leftbox .name{ width:100%; height:125px; line-height:125px; text-align:right; font-size:121px; font-weight:700; color:#cfd5db; margin-top:20px;}
.homepart2 .leftbox .name .box{ width:284px; height:95px; float:right; background:url(../Images/slipline.jpg) -284px 0 no-repeat #c1c8d3;transition: all 1.5s ease;}
.homepart2 .leftbox .name .pic{ width:284px; height:95px; background:url(../Images/slip.png) no-repeat;}
.homepart2 .leftbox:hover .name .box{ background-position:0 0}

.homepart2 .rightbox .pic{ width:100%; height:auto; overflow:hidden;}
.homepart2 .rightbox .pic img{ width:100%; height:auto; overflow:hidden;}
.homepart2 .rightbox:hover{ background:url(../Images/piccolor2.jpg) right bottom no-repeat;}

.homepart3{ width:100%; height:auto; margin:0 auto;  padding:63px 0 ; background: url(../Images/h3bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed  }
.homepart3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;}
.homepart3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.homepart3 .titbox{ width:100%; height:85px; overflow:hidden; position:relative}
.homepart3 .titbox .tit{ position:absolute; left:0px; top:0px; font-size:40px; font-weight:700; color:#213154;}
.homepart3 .titbox .tit  span{ color:#5addb6}
.homepart3 .titbox .tit2{ position:absolute; left:0px; bottom:0px; font-size:20px; color:#636566; }
.homepart3 .titbox .more{ position:absolute; right:0px; top:20px; height:50px; line-height:50px; font-size:14px; color:#213154;}
.homepart3 .titbox .more span{ font-size:16px;}

.homepart3 .listbox{ width:100%; height:435px; position:relative; overflow:hidden; margin-top:60px;}
.homepart3 .listbox .slovepage {position: absolute;left: 15px;text-align: center;top:25px;width:13px;}
.homepart3 .listbox .slovepage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #dde4e2; margin: 3px 0px;cursor: pointer;}
.homepart3 .listbox .slovepage .swiper-active-switch { background: #5addb6;}
.homepart3 .listbox .list{ width:89%; height:435px; overflow:hidden; position:absolute; left:50%; margin-left:-750px}
.homepart3 .listbox .listin{ width:180%; height:auto; overflow:hidden;}
.homepart3 .listbox .listin ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .listbox .listin ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:435px;}
.homepart3 .listbox .listin ul li .pic{ width:53%; float:left; height:435px; overflow:hidden;}
.homepart3 .listbox .listin ul li .pic .img{ width:100%; height:435px; overflow:hidden;transition: all 0.5s ease;}

.homepart3 .listbox .listin ul li .wordbox{ width:47%; height:auto; float:left; overflow:hidden;}
.homepart3 .listbox .listin ul li .wordbox .box{ width:92%; height:435px; margin:0 auto; overflow:hidden;}
.homepart3 .listbox .listin ul li .wordbox .box .tit{ width:100%; height:46px; line-height:46px; overflow:hidden; font-size:26px; font-weight:700; color:#213154; margin-top:50px;}
.homepart3 .listbox .listin ul li .wordbox .box .tit2{ width:100%; height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#546075;}
.homepart3 .listbox .listin ul li .wordbox .box .word{ width:100%; height:150px; line-height:30px; overflow:hidden; font-size:14px; margin-top:10px;}
.homepart3 .listbox .listin ul li .wordbox .box .more{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:right; font-size:14px;}
.homepart3 .listbox .listin ul li .wordbox .box .more em{ font-style:normal; background:#5addb6; border-radius:40px; color:#FFF; padding:10px 13px; font-size:20px;transition: all 0.5s ease;}
.homepart3 .listbox .listin ul li .wordbox .box .more:hover em{ background:#213154}


.homepart3 .listbox .listin ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*解决方案手机*/
.homepart3mb{ width:100%; height:auto; margin:0 auto;  padding:40px 0 ; background: url(../Images/h3bg.jpg) center center no-repeat; background-size:cover; display:none  }
.homepart3mb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;}
.homepart3mb .centerbox .centerin{ width:96%; height:auto; overflow:hidden; margin:0 auto}

.homepart3mb .titbox{ width:100%; height:85px; overflow:hidden; position:relative}
.homepart3mb .titbox .tit{ position:absolute; left:0px; top:0px; font-size:40px; font-weight:700; color:#213154;}
.homepart3mb .titbox .tit  span{ color:#5addb6}
.homepart3mb .titbox .tit2{ position:absolute; left:0px; bottom:0px; font-size:20px; color:#636566; }
.homepart3mb .titbox .more{ position:absolute; right:0px; top:20px; height:50px; line-height:50px; font-size:14px; color:#213154;}
.homepart3mb .titbox .more span{ font-size:16px;}

.homepart3mb .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.homepart3mb .list ul{ margin:0px; padding:0px; list-style:none}
.homepart3mb .list ul li{ margin:0px; padding:0px 0 0 0; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #c6c7c7;}
.homepart3mb .list ul li .thetit{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:20px; color:#213154; background:url(../Images/arr1.png) right center no-repeat;}
.homepart3mb .list ul li .wordbox{ width:100%; height:auto; overflow:hidden; display:none}
.homepart3mb .list ul li .wordbox .pic{ width:100%; height:auto; overflow:hidden;}
.homepart3mb .list ul li .wordbox .pic img{ width:100%; height:auto}
.homepart3mb .list ul li .wordbox .tit{ width:100%; height:auto; line-height:35px; font-size:20px; color:#213154; font-weight:700; margin-top:15px;}
.homepart3mb .list ul li .wordbox .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#546075;}
.homepart3mb .list ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%;}
.homepart3mb .list ul li .wordbox .more{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:right; font-size:14px; margin-bottom:20px;}
.homepart3mb .list ul li .wordbox .more em{ font-style:normal; background:#5addb6; border-radius:40px; color:#FFF; padding:10px 13px; font-size:20px;transition: all 0.5s ease;}
.homepart3mb .list ul li .wordbox .more:hover em{ background:#213154}

.homepart3mb .list ul li.onfocus .thetit{ display:none}
.homepart3mb .list ul li.onfocus  .wordbox{ display:block}



.homepart4{ width:100%; height:auto; margin:0 auto; padding: 40px 0 40px 0 ; background:#ffffff; }
.homepart4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.homepart4 .titbox{ width:100%; height:85px; overflow:hidden; position:relative}
.homepart4 .titbox .tit{ position:absolute; left:0px; top:0px; font-size:40px; font-weight:700; color:#213154;}
.homepart4 .titbox .tit  span{ color:#5addb6}
.homepart4 .titbox .tit2{ position:absolute; left:0px; bottom:0px; font-size:20px; color:#636566; }
.homepart4 .titbox .more{ position:absolute; right:0px; top:20px; height:50px; line-height:50px; font-size:14px; color:#213154;}
.homepart4 .titbox .more span{ font-size:16px;}


.homepart4 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:36px;}
.homepart4 .listbox ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .listbox ul li{ margin:0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden; box-sizing:border-box;border:1px solid #e6edef}
.homepart4 .listbox ul li .pic{ width:100%; height:224px; overflow:hidden; }
.homepart4 .listbox ul li .pic .img{ width:100%; height:224px; overflow:hidden;transition: all 0.5s ease; }
.homepart4 .listbox ul li .wordbox{ width:100%; height:224px; overflow:hidden; background:#f3f6f7; box-sizing:border-box; padding:0 25px;transition: all 0.5s ease; }
.homepart4 .listbox ul li .wordbox .tit{ width:100%; height:42px; line-height:42px; overflow:hidden; margin-top:30px; font-size:20px; font-weight:700; color:#262626; text-align:center}
.homepart4 .listbox ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; margin-top:15px; overflow:hidden; color:#636464;text-align:center}
.homepart4 .listbox ul li .wordbox .more{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:14px; color:#636464; margin-top:15px}

.homepart4 .listbox ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.homepart4 .listbox ul li:hover .wordbox{ background:#cfd9d6}




.footlink{ width:100%; height:auto; background: #ecf2f7; overflow:hidden;  padding:20px 0}
.footlink .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.footlink .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; }

.footlink .listbox{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%}
.footlink .listbox span{ font-size:16px; font-weight:700; color:#262626}




.footmenu{ width:100%; height:auto; background:#edeeee; overflow:hidden;  padding:30px  0 30px 0}
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;  }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative;}


.footmenu .part1{ width:38%; float:left; height:auto; overflow:hidden; color:#fff;}
.footmenu .part1 .one{ width:33.33%; height:auto; float:left; overflow:hidden;}
.footmenu .part1 a{ color:#616161}
.footmenu .part1 .tit{ width:100%; height:40px; line-height:40px; font-size:14px; color:#262626; font-weight:700;}
.footmenu .part1 .list{ width:100%; height:auto; overflow:hidden;}
.footmenu .part1 .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part1 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:33px; line-height:33px; color:#616161; font-size:14px}

 

.footmenu .part2{ width:24%; float:left; height:auto; overflow:hidden; }
.footmenu .part2 a{ color:#616161}
.footmenu .part2 .tit{ width:100%; height:40px; line-height:40px; font-size:14px; color:#262626; font-weight:700;}
.footmenu .part2 .word{ width:100%; height:auto; overflow:hidden; line-height:33px; font-size:14px; }



.footmenu .part3{ width:28%; float:left; height:auto; overflow:hidden; }
.footmenu .part3 a{ color:#616161}
.footmenu .part3 .tit{ width:100%; height:40px; line-height:40px; font-size:14px; color:#262626; font-weight:700;}
.footmenu .part3 .word{ width:100%; height:auto; overflow:hidden; line-height:33px; font-size:14px; }



.footmenu .part4{ float:right; height:auto; overflow:hidden; width:10% }
.footmenu .part4 ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part4 ul li{ margin:0px; padding:0px; list-style:none; float:right;}
.footmenu .part4 ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:right}
.footmenu .part4 ul li .pic img{ max-width:90%; height:auto}
.footmenu .part4 ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center}





.footer{ width:100%; height:auto; overflow:hidden; background:#004a25; padding:9px 0;  position:relative; z-index:1;  }
.footer .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; color:#8da295; margin:0 auto; font-size:14px;}
.footer .centerbox .centerin a{ color:#8da295;}
.footer .word{ line-height:200%;}
.footer .code{ display:none; text-align:right}
.footer .code img{ max-width:90%; height:auto;}


.footermb{ width:100%; height:auto; overflow:hidden; background:#f0f0f0; padding:30px 0;  position:relative; z-index:1; margin-top:10px; display:none }
.footermb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footermb .centerbox .centerin{ width:92%; height:auto; overflow:hidden; line-height:200%; color:#6a6a6a; text-align:center; margin:0 auto}
.footermb .centerbox .centerin a{color:#6a6a6a;}

.fixbottomkong{ width:100%; height:60px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#004a25;  position:fixed; left:0px; bottom:0px; z-index:100; display:none;}
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; min-width:320px; margin:0 auto;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:60px; line-height:60px; font-size:16px; color:#FFF; float:left; overflow:hidden;  height:auto; border-left:1px solid #336e51; margin-left:-1px; text-align:center; text-indent:0}



@keyframes bgbig
{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}
}



.ertop{ width:100%; height:67px; overflow:hidden;  z-index:10; position:relative; background:url(../Images/menu1.png) repeat; margin-top:-67px; position:relative; z-index:10 }
.ertop .inbg{ width:15%; height:67px; background:#5addb6; position:absolute; left:0; top:0; z-index:0}
.ertop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:10   }
.ertop .centerbox .centerin{ width:100%; overflow:hidden;height:67px; position:relative }
.ertop .location{font-size:14px; color:#ffffff;height:67px; line-height:67px; float:left; background:#5addb6;}
.ertop .location a{ color:#ffffff}
.ertop .location ul{ margin:0px; padding:0px; list-style:none}
.ertop .location ul li{ margin:0px; padding:0px 20px; list-style:none; height:67px; line-height:67px; float:left;}
.ertop .location ul li.home{ width:70px; border-right:1px solid #9cebd3; text-align:center; padding:0}

.ertop .navbox{ float:left; height:auto; overflow:hidden;}
.ertop .navbox ul{ margin:0px auto; padding:0px 0 0 0px; list-style:none}
.ertop .navbox ul li{ margin:0; padding:0px 40px; list-style:none; width:auto; height:67px; line-height:67px; font-size:16px; text-align:center; float:left; overflow:hidden; background:url(../Images/onfocusbg.jpg) no-repeat; background-position:-200px 0;transition: all 0.8s ease;}
.ertop .navbox ul li.onfocus{ background:#213154;}
.ertop .navbox ul li:hover{ color:#ffffff;background-position:0 0;}
.ertop .navbox ul li a{ color:#ffffff}



.ertop .navbox2{ position:absolute; left:0; top:0}
.ertop .navbox2 .list{ width:100%; height:auto; overflow:hidden;}
.ertop .navbox2 ul{ margin:0px; padding:0px 0 0 0px; list-style:none}
.ertop .navbox2 ul li{ margin:0; padding:0px 40px; list-style:none; width:auto; height:62px; line-height:62px; font-size:20px; text-align:center; float:left; overflow:hidden;}
.ertop .navbox2 ul li.onfocus{ color:#ffffff; background:#6dba44}
.ertop .navbox2 ul li a{ color:#ffffff}

/*产展示*/
.productbox1{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0}
.productbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;   }
.productbox1 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative }
.productbox1 .thetit{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:40px; font-weight:700; color:#213154;}
.productbox1 .thetit2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:30px; font-size:20px; margin-bottom:20px;}
.productbox1 .titbox{ width:100%; height:91px; overflow:hidden; margin-bottom:15px;}
.productbox1 .titbox .num{ width:92px; height:91px; background:url(../Images/numbg.png) no-repeat; float:left; position:relative; line-height:100px; font-size:30px; font-weight:700; text-align:left; color:#5addb6; text-indent:30px; float:left}
.productbox1 .titbox .tit{ float:left; height:91px; line-height:105px; font-size:30px; color:#213154; font-weight:700; overflow:hidden; text-indent:27px;}

.productbox1 .showbox{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px; box-sizing:border-box; padding:0 0 0 121px}
.productbox1 .showbox img{ max-width:100%; height:auto}
.productbox1 .showbox video{ width:750px; height:420px; display:block; margin:0 auto; background: #FFF}

.probgon{ width:100%; height:auto; overflow:hidden; background:url(../Images/probg2.jpg) no-repeat; background-size:cover; background-attachment:fixed}


.profix{ width:123px; height:auto; overflow:hidden; position: absolute; left:80px; top:697px}
.profix ul{ margin:0px; padding:0px; list-style:none}
.profix ul li{ margin:0px; padding:0px; list-style:none; width:123px; height:40px; line-height:40px; text-align:left; background:#8493a6; border-bottom:1px solid #e2f0f6; font-size:12px;  color:#FFF; cursor:pointer; text-align:center; overflow:hidden;}
.profix ul li.onfocus{ background:#5addb6; color:#FFF;}


/*关于我们页面*/
.aboutbox1{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; margin-top:-71px; position:relative; background:url(../Images/aboutbox1bg.jpg) center center no-repeat; background-size:cover; padding:280px 0 151px 0}
.aboutbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden;   }
.aboutbox1 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative }

.aboutbox1 .titbox{ width:100%; height:41px; line-height:41px; overflow:hidden; font-size:28px; font-weight:700; color:#FFF}
.aboutbox1 .titbox2{ width:100%; height:27px; line-height:27px; overflow:hidden; font-size:16px; color:#FFF; text-transform:uppercase}
.aboutbox1 .word{ width:100%; height:auto; line-height:200%; font-size:15px; overflow:hidden; margin-top:25px; color:#FFF}

.aboutbox1 .list{ width:60%; height:auto; overflow:hidden; margin-top:60px;}
.aboutbox1 .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox1 .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden; text-align:left; color:#FFF}
.aboutbox1 .list ul li .tit{ width:100%; height:80px; line-height:80px; text-align:left; font-size:50px; font-weight:700}
.aboutbox1 .list ul li .word2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:left; font-size:14px; }


.aboutbox2{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; position:relative; background: url(../Images/ab2bg.jpg) center center no-repeat; background-size:cover; padding:97px 0 92px 0}
.aboutbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden;   }
.aboutbox2 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative }
.aboutbox2 .titbox{ width:100%; height:50px; line-height:50px; text-align:center; font-size:32px; font-weight:700; color:#0093e7;}
.aboutbox2 .titbox2{ width:100%; height:50px; line-height:50px; text-align:center; font-size:28px; font-weight:700; color:#000000;}

.aboutbox2 .listbox{ width:100%; height:355px; overflow:hidden; position:relative; margin-top:10px; background:url(../Images/line1.jpg) center center repeat-x;}
.aboutbox2 .listbox .leftarr{ cursor:pointer; width:51px; height:51px; background:url(../Images/left1.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-25px; z-index:10}
.aboutbox2 .listbox .rightarr{ cursor:pointer; width:51px; height:51px; background:url(../Images/right1.png) no-repeat; position:absolute; right:0px; top:50%; margin-top:-25px; z-index:10}
.aboutbox2 .listbox .list{ width:96%; margin:0 auto; height:355px; overflow:hidden;}
.aboutbox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:355px; overflow: visible; position:relative; background:url(../Images/dot1.png) left center no-repeat; float:left}
.aboutbox2 .listbox .list ul li .box{ width:125%; height:165px; overflow:visible}
.aboutbox2 .listbox .list ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:20px; font-weight:700; color:#333333}
.aboutbox2 .listbox .list ul li .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:14px}
.aboutbox2 .listbox .list ul li.even .box{ margin-top:205px}
.aboutbox2 .listbox .list ul li.swiper-slide-active{ background:url(../Images/dot2.png) left center no-repeat;} 
.aboutbox2 .listbox .list ul li.swiper-slide-active .tit{ color:#0093e7;}


.aboutbox3{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; position:relative; background: url(../Images/ab3bg.jpg) center center no-repeat; background-size:cover; padding:70px 0 70px 0}
.aboutbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden;   }
.aboutbox3 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative }
.aboutbox3 .titbox{ width:100%; height:50px; line-height:50px; text-align:center; font-size:32px; font-weight:700; color:#0093e7;}
.aboutbox3 .titbox2{ width:100%; height:50px; line-height:50px; text-align:center; font-size:28px; font-weight:700; color:#000000;}
.aboutbox3 .listbox{ width:100%; height:auto; overflow:hidden;}
.aboutbox3 .listbox ul{ margin:0px; padding:0px; list-style:none}
.aboutbox3 .listbox ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden} 
.aboutbox3 .listbox ul li .box{ width:96%; height:auto; margin:0 auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:10px;}
.aboutbox3 .listbox ul li .box .pic{ width:100%; height:196px; overflow:hidden;}
.aboutbox3 .listbox ul li .box .pic .img{ width:100%; height:196px; overflow:hidden;transition: all 0.5s ease;}
.aboutbox3 .listbox ul li .box .tit{ width:100%; height:45px; line-height:45px; text-align:center; font-size:14px}

.aboutbox3 .listbox ul li:hover .box .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}





.ertopsun{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; z-index:10; position:relative; padding:20px 0}
.ertopsun .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertopsun .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list ul{ margin:0px; padding:0px; list-style:none}
.ertopsun .list ul li{ margin:10px 1%; padding:0px; list-style:none; width:14.6%; float:left; overflow:hidden; height:50px; line-height:50px; border:1px solid #e2e1e1; font-size:16px; text-align:center}
.ertopsun .list ul li.onfocus{ border:1px solid #f6323e; background:#FFF; color:#f60515}
.ertopsun .list ul li.onfocus a{color:#f60515}

.ersortname{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; display:none}
.ersortname .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ersortname .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ersortname .titlebox{ width:100%; height:104px; overflow:hidden; background:url(../Images/hometit1bg.jpg) top right no-repeat;position:relative; margin-top:10px;}
.ersortname .titlebox .tit{ position:absolute; background:url(../Images/home1line.jpg) #FFF 0 0 no-repeat;height:104px; left:0px; top:0px; padding-right:10px;}
.ersortname .titlebox .tit p{ margin:0px; padding:0px;text-indent:28px; }
.ersortname .titlebox .tit p.t1{ color:#ff9c00; font-size:20px; margin-top:28px;}
.ersortname .titlebox .tit p.t2{ color:#c0c0c0; font-family:Arial, Helvetica, sans-serif}




.mainbox{ width:100%; height:auto; overflow:hidden; padding:0;  position:relative; z-index:100}
.mainbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  margin-bottom:20px }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbox .toptit{ width:100%; height:52px; line-height:52px; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; font-size:32px; font-weight:700; color:#0093e7; text-align:center}
.mainbox .toptit2{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:28px; color:#262626; font-weight:700; text-transform:uppercase}

.mainbox .toptit3{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:32px; color:#0093e7; font-weight:700; }
.mainbox .toptit4{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:28px; color:#262626; font-weight:700; }
.mainbox .topword{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:14px; color:#343434; line-height:200%; font-weight:normal}

.mainbox .searchbox{ width:100%; height:auto; overflow:hidden;}
.mainbox .searchbox .list{ width:315px; height:45px; overflow:hidden; float:right; border:1px solid #dcdcdc; border-radius:15px; position:relative}
.mainbox .searchbox .list .input1{ width:266px; height:40px; line-height:40px; border:0px; position:absolute; left:0px; top:0px; text-indent:10px; outline:none}
.mainbox .searchbox .list .btnme{ width:44px; height:45px; border:0px; background:url(../Images/btnme1.jpg) center center no-repeat #0092e2; position:absolute; right:0px; top:0}

.mainbox .navtop{ width:100%; height:auto; overflow:hidden;}
.mainbox .navtop ul{ margin:0px; padding:0px; list-style:none}
.mainbox .navtop ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:60px; line-height:60px; overflow:hidden; font-size:16px; text-align:center; color:#FFF; background:#5c6971; float:left}
.mainbox .navtop ul li a{ color:#FFF}
.mainbox .navtop ul li.onfocus{ background:#0093e7}

.mainbox .navbox{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e1e6e9; margin-top:20px;}
.mainbox .navbox .list{ width:100%; height:auto; overflow:hidden;}
.mainbox .navbox .list ul{ margin:0px auto;  padding:0px; list-style:none}
.mainbox .navbox .list ul li{ margin:0px; padding:0px; list-style:none; height:69px; line-height:69px; font-size:20px; color:#262626; width:186px; float:left; text-align:center}
.mainbox .navbox .list ul li.onfocus{ color:#0093e7; font-weight:700}
.mainbox .navbox .list ul li.onfocus a{color:#0093e7; }




.mainbox2{ width:100%; height:auto; overflow:hidden; padding:25px 0; background:#f3f4f6;  }
.mainbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.mainbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.mainbox2 .leftbox{ width:23.82%; height:auto; float:right; overflow:hidden;}
.mainbox2 .leftbox .nbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px;}
.mainbox2 .leftbox .nbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:22px; font-weight:700; color:#262626}
.mainbox2 .leftbox .nbox .list{ width:100%; height:auto; overflow:hidden;}
.mainbox2 .leftbox .nbox .list ul{ margin:0px; padding:0px; list-style:none}
.mainbox2 .leftbox .nbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #dedede; padding:10px 0}
.mainbox2 .leftbox .nbox .list ul li .title{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:28px; overflow:hidden; color:#0078c2}
.mainbox2 .leftbox .nbox .list ul li .time{ width:100%; height:auto; overflow:hidden; font-size:12px; line-height:28px; overflow:hidden; color:#7f7f7f; margin-top:5px;}

.mainbox2 .leftbox .pbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px;margin-top:20px;}
.mainbox2 .leftbox .pbox .list{ width:100%; height:auto; overflow:hidden; }
.mainbox2 .leftbox .pbox .list ul{ margin:0px; padding:0px; list-style:none}
.mainbox2 .leftbox .pbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; }
.mainbox2 .leftbox .pbox .list ul li .pic{ width:100%; height:322px; overflow:hidden;}
.mainbox2 .leftbox .pbox .list ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:18px; color:#262626;margin-top:10px}
.mainbox2 .leftbox .pbox .list ul li .word{ width:100%; height:50px; line-height:25px; font-size:14px; overflow:hidden; margin-top:5px}


.mainbox2 .rightbox{ width:74.14%; height:auto; float:left; overflow:hidden;}



.mainbox .leftbox{ width:20.16%; float:left; overflow:hidden;  height:auto; position:relative; }
.mainbox .rightbox{ width:76.75%; float:right; overflow:hidden;height:auto; background:#FFF;} 



.mainbox .leftbox .titbox{ width:100%; margin:0 auto; height:40px; line-height:40px;  overflow:hidden; font-size:28px; font-weight:700; color:#cf0000}
.mainbox .leftbox .titbox2{ width:100%; margin:0 auto; height:auto; line-height:30px;  overflow:hidden; font-size:20px; color:#a6a6a6; background:url(../Images/tline.jpg) left bottom no-repeat; text-transform:uppercase; padding-bottom:10px}


.mainbox .leftbox .navbox{ width:90%;  height:auto; overflow:hidden;  padding-bottom:0px;}
.mainbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; border:1px solid #e6e6e6; border-left:2px solid #cf0000; padding:0; margin-top:20px; }
.mainbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navlist ul li{ margin:0; padding:0px; list-style:none; width:100%; height:auto; line-height:60px; overflow:hidden; text-align:left; text-indent:20px; border-bottom:1px solid #f3f3f3;  font-size:14px; background:url(../Images/r1.jpg) 121px 29px no-repeat; }
.mainbox .leftbox .navlist ul li.onfocus{ background:url(../Images/r2.jpg)  121px 29px no-repeat #f3f3f3;  color:#cf0000;  border-bottom:1px solid #f3f3f3;  }
.mainbox .leftbox .navlist ul li.onfocus a{ color:#cf0000;}
.mainbox .leftbox .navlist ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
.mainbox .leftbox .navlist ul li ul li{ margin:0px; padding:0px; list-style:none; height:30px; text-indent:40px; line-height:30px;background:url(../Images/arrA.jpg) 25px center no-repeat; font-size:12px ; border:0px; }
.mainbox .leftbox .navlist ul li.onfocus ul li a{ color:#a26432}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus{ font-weight:bold;background:url(../Images/arrB.jpg) 25px center no-repeat; color:#a26432}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus a{color:#0094da} 
.mainbox .leftbox .navlist ul li.onfocus ul{ display:block}

.mainbox .leftbox .telbox{ width:92%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.mainbox .leftbox .telbox .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#000;text-indent:20px;}
.mainbox .leftbox .telbox .tel{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#0591e0;text-indent:20px;} 

.mainbox .leftbox .leftbottom{ width:100%; height:14px; background:url(../Images/leftbottom.jpg) center center no-repeat; background-size:100% 100%;}


.mainbox .leftbox .leftad{ width:87.30%; height:auto; overflow:hidden; margin:0 auto;}
.mainbox .leftbox .leftad ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .leftad ul li{ margin:6px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.mainbox .leftbox .leftad ul li img{ width:100%;}

.mainbox .leftbox .navsun{ width:100%; height:auto; overflow:hidden; background:none; display:none}
.mainbox .leftbox .navsun ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navsun ul li{ margin:10px 1%; padding:0px; list-style:none; width:31%; font-size:12px; overflow:hidden; height:35px; line-height:35px; float:left; text-align:center} 
.mainbox .leftbox .navsun ul li.onfocus{ color:#3082e5;}
.mainbox .leftbox .navsun ul li.onfocus a{ color:#3082e5;}


.mainbox .rightbox .titlebox{ width:100%;  overflow:hidden; height:54px; border-bottom:1px solid #cccccc;; position:relative}
.mainbox .rightbox .titlebox .tit{ position: absolute; left:0px; top:0px; height:53px; line-height:53px; font-size:24px; color:#262626;}
.mainbox .rightbox .titlebox .location{ position:absolute; right:10px; top:0px;height:57px; line-height:57px;  text-indent:31px;}

.mainbox  .thebox{ width:100%; margin:0 auto; padding:10px 0;}


.newsplist{ width:100%; height:auto; overflow:hidden;}
.newsplist ul{ margin:0px; padding:0px; list-style:none}
.newsplist ul li{ margin:20px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed;}
.newsplist ul li .pic{ width:50%; height:409px; overflow:hidden; float:left}
.newsplist ul li .pic .img{ width:100%; height:409px; overflow:hidden;transition: all 0.5s ease;}
.newsplist ul li .wordbox{ width:50%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:30px;}
.newsplist ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; font-size:30px; color:#213154; overflow:hidden; font-weight:700}
.newsplist ul li .wordbox .tit2{ width:100%; height:35px; line-height:35px; font-size:18px; color:#5d697e; overflow:hidden;}
.newsplist ul li .wordbox .word{ width:100%; height:121px; line-height:30px; font-size:14px; margin-top:10px; overflow:hidden}

.newsplist ul li .wordbox .themore{ width:100%; height:50px; overflow:hidden; position:relative}
.newsplist ul li .wordbox .more{ position:absolute; right:0px; top:0; height:50px; line-height:50px; font-size:14px;}
.newsplist ul li .wordbox .more em{ font-style:normal; background:#5addb6; border-radius:40px; color:#FFF; padding:10px 13px; font-size:20px;transition: all 0.5s ease;}
.newsplist ul li .wordbox .more:hover em{ background:#213154}


.newsplist ul li:hover{ background:#e8f3f7}
.newsplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newsplist ul li:hover .wordbox .tit{ color:#5addb6}

.newsplist ul li.even .pic{ float:right} 
.newsplist ul li.even .wordbox{ float:left}



/*荣誉资质*/
.pridebox1{ width:100%; height:auto; overflow:hidden; background:#FFF; max-width:1280px; margin:0 auto; box-sizing:border-box; padding:20px;}
.pridebox1 .list{ width:100%; height:auto; overflow:hidden; margin-top:25px}
.pridebox1 .one{ width:50%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:0 20px 0 0}
.pridebox1 .one .tit{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700; color:#026931; line-height:30px;}
.pridebox1 .one .word{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:30px; margin-top:15px;}

.pridenav{ width:80%; margin:0 auto; overflow:hidden; margin:15px auto}
.pridenav ul{ margin:0px; padding:0px; list-style:none}
.pridenav ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:50px; line-height:50px; float:left; overflow:hidden; text-align:center; font-size:16px; color:#026931; font-weight:700px; border:1px solid #026931; cursor:pointer; box-sizing:border-box; border:1px solid #026931;}
.pridenav ul li.onfocus{ background:#026931; color:#ffffff}


.pridebox2{ width:100%; height:auto; overflow:hidden; background:#FFF; max-width:1280px; margin:0 auto; box-sizing:border-box; padding:20px; margin:10px auto}
.pridebox2 .titbox{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:24px; font-weight:700; color:#026931}
.pridebox2 .list{ width:100%; height:auto; overflow:hidden;}
.pridebox2 .list ul{ margin:0px; padding:0px; list-style:none}
.pridebox2 .list ul li{ margin:15px 0; padding:0px; list-style:none; width:20%; height:auto; float:left; overflow:hidden;}
.pridebox2 .list ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto;}
.pridebox2 .list ul li .pic{ width:100%; height:301px; overflow:hidden; margin:0 auto; border:1px solid #ccc;} 
.pridebox2 .list ul li .pic .img{ width:100%; height:301px;transition: all 0.5s ease; }
.pridebox2 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*发展历程*/
.developmentbox1{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF; max-width:1280px; margin:0 auto}
.developmentbox1 .list{ width:100%; height:auto; overflow:hidden; background:url(../Images/developmentbg.png) center center no-repeat; background-size:100% auto}
.developmentbox1 .list ul{ margin:0px; padding:0px; list-style:none}
.developmentbox1 .list ul li{ margin:0px; padding:0px; list-style:none; width:16.65%; float:left; overflow:hidden; height:234px; position:relative} 
.developmentbox1 .list ul li .tit{ width:100%; height:71px; line-height:71px; text-align:center; overflow:hidden; font-size:70px; font-weight:700; color:#026931; position:absolute; left:0px; top:79px}
.developmentbox1 .list ul li .word{ width:100%; height:auto; position:absolute; left:0px; top:0px; font-size:15px; font-weight:700; line-height:30px; text-align:center}

.developmentbox1 .list ul li:nth-child(2n) .tit{ color:#6dba44;}
.developmentbox1 .list ul li:nth-child(2n) .word{ top:160px;}

.developmentbox2{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF; max-width:1280px; margin:25px auto;}


/*产品展示*/
.productlist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.productlist ul{ margin:0px; padding:0px; list-style:none;}
.productlist ul li{ margin:10px 0; padding:10px 0; list-style:none; box-sizing:border-box; width:100%; height:auto; float:left; overflow:hidden}
.productlist ul li .box{ width:100%; margin:0 auto; overflow:hidden;}
.productlist ul li .box .pic{ width:50%; height:341px; overflow:hidden; position:relative; box-sizing:border-box; float:left}
.productlist ul li .box .pic .img{ width:100%; height:341px; overflow:hidden;transition: all 0.5s ease;}

.productlist ul li .box .wordbox{ width:50%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:20px;}
.productlist ul li .box .tit{ width:100%; height:auto; line-height:39px; overflow:hidden; font-size:28px; color:#0093e7}
.productlist ul li .box .tit2{ width:100%; height:auto; line-height:46px; overflow:hidden; font-size:24px; color:#262626}
.productlist ul li .box .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:15px; color:#676767; margin-top:15px;}
.productlist ul li .box .more{ width:160px; height:43px; overflow:hidden;  border:1px solid #1374c3; border-radius:30px; background:url(../Images/more3.png) 116px center no-repeat; line-height:43px; font-size:14px; color:#1374c3; text-indent:19px;margin-top:50px;}

.productlist ul li.even .box .pic{ float:right}
.productlist ul li.even .box .wordbox{ float:left} 


.productlist ul li:hover .box{ }
.productlist ul li:hover .box  .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.productlist ul li:hover .box  .tit{ color:#0093e7;}



/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:10px 0 ; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.caselist ul li .box{ width:98%;  overflow:hidden;transition: all 0.5s ease;height:auto; position:relative; background:#f3f6f7 }
.caselist ul li .pic{ width:50%; height:195px; overflow:hidden; background:#FFF; float:left; box-sizing:border-box; border:1px solid #e6edef}
.caselist ul li .pic .img{ width:100%; height:195px; overflow:hidden;transition: all 0.5s ease;}
.caselist ul li .wordbox{ width:50%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px 15px; background:#f3f6f7 ; float:left}
.caselist ul li .wordbox .tit{ width:100%; height:35px; line-height:35px; font-size:20px;  color:#262626; font-weight:700; overflow:hidden; margin-top:15px;}
.caselist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px;  color:#636464; overflow:hidden; margin:5px 0}
.caselist ul li .wordbox .more{ width:100%; height:25px; line-height:25px; font-size:14px;  color:#797979; overflow:hidden;}




.caselist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.caselist ul li:hover .wordbox{ }
.caselist ul li:hover .wordbox .tit{ color:#5addb6}
.caselist ul li:hover .wordbox .more{color:#5addb6}

/*技术支持*/
.support{ width:100%; height:auto; overflow:hidden;}
.support ul{ margin:0px; padding:0px; list-style:none}
.support ul li{margin:10px 0; padding:10px 0; list-style:none; width:25%; float:left; overflow:hidden;}	
.support ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto;box-shadow:0 0 9px 3px #f4f4f5; box-sizing:border-box; padding:15px}
.support ul li .box .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.support ul li .box .pic img{ max-width:90%; height:auto}
.support ul li .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.support ul li .box .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:700; color:#00a2e9; overflow:hidden;}
.support ul li .box .word{ width:100%; height:75px; line-height:25px; font-size:14px; text-align:center; overflow:hidden;}
.support ul li .box .line{ width:45px; height:2px; background:#e0e0e0; margin:0 auto;}


.supportbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/support2bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding:45px 0;}
.supportbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background: url(../Images/supbg.png) repeat; box-sizing:border-box; box-sizing:border-box; padding:15px; }
.supportbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }




/*荣誉资质*/
.pridelist{ width:100%; height:auto; overflow:hidden;}
.pridelist ul{margin:0px; padding:0px; list-style:none}
.pridelist ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.pridelist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;}
.pridelist ul li .pic{ width:100%; height:386px; overflow:hidden; position:relative}
.pridelist ul li .pic .img{ width:100%; height:386px; overflow:hidden;transition: all 0.5s ease;}
.pridelist ul li .pic .cover{ width:100%; height:386px; position:absolute; left:0px; top:0px; background:url(../Images/cover1.png) repeat; text-align:center; display:none;transition: all 0.5s ease;}
.pridelist ul li .pic .cover img{ width:50px; height:50px; background:url(../Images/search.png) no-repeat; margin:0 auto; margin-top:165px}
.pridelist ul li .tit{ width:100%; height:52px; line-height:26px; overflow:hidden; font-size:14px; text-align:center; margin-top:10px;}
.pridelist ul li:hover .pic .img{width:100%; height:386px;-webkit-transform: scale(1.1); transform: scale(1.1);}
.pridelist ul li:hover .pic .cover{ display:block}
.pridelist ul li:hover .tit{ color:#0078c2}




/*新闻*/
.newsslide{ width:100%; height:385px; overflow:hidden; position:relative; background:#f4f5f7; margin-bottom:20px;}
.newsslide .list{ width:100%; height:385px; overflow:hidden}
.newsslide .list ul{ margin:0px; padding:0px; list-style:none}
.newsslide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:385px; position:relative}
.newsslide .list ul li .pic{ width:48%; height:385px; float:right; overflow:hidden;}
.newsslide .list ul li .wordbox{ width:50%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:20px}
.newsslide .list ul li .time{ width:100%; height:45px; line-height:45px; font-size:20px; color:#768c9f}
.newsslide .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:24px; color:#276ca8;margin-top:10px; overflow:hidden}
.newsslide .list ul li .word{ width:100%; height:75px; line-height:25px; font-size:14px; margin-top:10px; overflow:hidden}
.newsslide .list ul li .more{ width:100%; height:auto; margin-top:30px;}

.newsslide .nspage {position: absolute;left: 20px;bottom:25px;}
.newsslide .nspage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #c2cbd4; margin: 0 3px;cursor: pointer;}
.newsslide .nspage .swiper-active-switch { background: #353c42;}



/*表单*/

.formbox{ width:100%; height:auto; overflow:hidden; margin-top:10px; }
.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.formbox ul li .inbox{ width:96%; overflow:hidden; float:left;}
.formbox ul li .input1{ width:100%; height:50px; border:1px solid #dcdcdc; text-indent:10px;}
.formbox ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0}
.formbox ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}

.formbox ul li:nth-child(2) .inbox{ margin:0 auto}
.formbox ul li:nth-child(3) .inbox{ float:right}


.formbox ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block}
.formbox ul li .safecode{ float:left; margin-left:10px;}

.formbox ul li select{ width:100%; height:35px; line-height:35px; overflow:hidden; border:1px solid #CCC; }

.formbox ul li textarea{ width:100%; height:175px; overflow:hidden; border:1px solid #dcdcdc; box-sizing:border-box; padding:10px;}
.formbox ul li.long{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.formbox ul li.long .tit{ width:14%}
.formbox ul li.long .inbox{ width:85%}


.formbox ul li.long .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#5addb6; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto; border-radius:30px}

.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}


.contacttit{ width:100%; height:50px; line-height:50px; font-size:40px; font-weight:700; color:#213154; text-align:center}
.contacttit span{ color:#5addb6;}
.contacttit2{ width:100%; height:auto; overflow:hidden; margin:10px 0; text-align:center; font-size:20px; color:#676767;}

.contactbox1{ width:100%; height:auto; overflow:hidden;  height:auto; position:relative; background:url(../Images/abbg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:25px 0 }
.contactbox1 .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto;}
.contactbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}


.contactbox2{ width:100%; height:auto; overflow:hidden;  height:auto; position:relative;position:relative; z-index:100; padding:25px 0 ;background:#ffffff;}
.contactbox2 .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto; }
.contactbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}


.contactbox3{ width:100%; height:auto; overflow:hidden;  height:auto; position:relative; background:url(../Images/abbg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:25px 0 }
.contactbox3 .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto;}
.contactbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.contactbox3 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.contactbox3 .listbox .list{ width:100%; height:570px; overflow:hidden;}
.contactbox3 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox3 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.contactbox3 .listbox .list ul li .box{ width:96%; margin:10px auto; }
.contactbox3 .listbox .list ul li .pic{ width:100%; height:255px; border:3px solid #FFF; box-sizing:border-box; overflow:hidden;}
.contactbox3 .listbox .list ul li .pic .img{ width:100%; height:255px;transition: all 0.5s ease;}

.contactbox3 .listbox .list ul li .box:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.contactbox3 .listbox .dobox{ margin:0 auto;  height:50px; line-height:50px; text-align:center}
.contactbox3 .listbox .dobox .leftarr{ width:49px; height:49px; background:url(../Images/left1_2.png) no-repeat; background-size:100% 100%; float:left; cursor:pointer}
.contactbox3 .listbox .dobox .leftarr:hover{ background:url(../Images/left1_1.png) no-repeat; background-size:100% 100%;}

.contactbox3 .listbox .dobox .rightarr{ width:49px; height:49px; background: url(../Images/right1_2.png) no-repeat; background-size:100% 100%; float:left; cursor:pointer}
.contactbox3 .listbox .dobox .rightarr:hover{ background: url(../Images/right1_1.png) no-repeat; background-size:100% 100%;}
.contactbox3 .listbox .dobox .dotbox{ float:left; margin:0 15px;}
.contactbox3 .listbox .dobox .dotbox .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #213154; margin: 0 3px;cursor: pointer;}
.contactbox3 .listbox .dobox .dotbox .swiper-active-switch { background: #5addb6;}


.contactbox4{ width:100%; height:auto; overflow:hidden;  height:auto; position:relative;position:relative; z-index:100; padding:25px 0 ;background:#ffffff;}
.contactbox4 .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto; }
.contactbox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.contactbox5{ width:100%; height:auto; overflow:hidden;  height:560px; position:relative; z-index:100 ;background:#ffffff;}
.contactbox5 .mapbox{ width:100%; height:560px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:0}
.contactbox5 .coverbox{ width:52%; height:560px; background:url(../Images/contactnow.png) left top no-repeat; position:absolute; right:0; top:0; z-index:10}

.contactbox5 .coverbox .box{ width:300px; margin-left:247px; overflow:hidden;}
.contactbox5 .coverbox .box .addressbox{ width:100%; height:auto; overflow:hidden;}
.contactbox5 .coverbox .box .tel{ width:100%; height:50px; line-height:50px; font-size:36px; font-weight:700; color:#ffffff; margin-top:73px;}
.contactbox5 .coverbox .box .address{ width:100%; height:auto; overflow:hidden; margin-top:15px; font-size:14px; line-height:200%; overflow:hidden; margin-top:20px; color:#ffffff;}
.contactbox5 .coverbox .box .ercode{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.contactbox5 .coverbox .box .ercode img{ max-width:90%; height:auto}

/*服务与支持*/
.servicebox1{ width:100%; height:auto; overflow:hidden;  background:#f3f4f6; padding:30px 0 }
.servicebox1 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.servicebox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.servicebox1 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.servicebox1 .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.servicebox1 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}
.servicebox1 .cbox{ width:100%; height:auto; overflow:hidden; background:#FFF; margin-top:25px; padding:0}
.servicebox1 .cbox .nav{ width:100%; height:auto; overflow:hidden; border:1px solid #0078c2;}
.servicebox1 .cbox .nav ul{ margin:0px; padding:0px; list-style:none}
.servicebox1 .cbox .nav ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden; height:64px; line-height:64px; text-align:center; font-size:24px; color:#0078c2; cursor:pointer}
.servicebox1 .cbox .nav ul li.onfocus{ background:#0078c2; color:#FFF}

.servicebox1 .theform{ width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.servicebox1 .theform ul{ margin:0px; padding:0px; list-style:none}
.servicebox1 .theform ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.servicebox1 .theform ul li .tit{ width:30%; height:56px; line-height:56px; font-size:16px; float:left; box-sizing:border-box; text-align:right; padding:0 20px 0 0}
.servicebox1 .theform ul li .word{ width:70%; height:56px; float:left; overflow:hidden;}
.servicebox1 .theform ul li .input1{ width:100%; height:54px; line-height:54px; border:1px solid #e0e0e0; text-indent:15px;}

.servicebox1 .theform ul li.address{ width:100%; height:auto; overflow:hidden;}
.servicebox1 .theform ul li.address .tit{ width:15%; height:56px; line-height:56px; font-size:16px; float:left; box-sizing:border-box; text-align:right; padding:0 20px 0 0} 
.servicebox1 .theform ul li.address .province{ width:25%; height:56px;  float:left; overflow:hidden}
.servicebox1 .theform ul li.address .city{ width:25%; height:56px;  float:left; overflow:hidden}
.servicebox1 .theform ul li.address .place{ width:35%; height:56px;  float:left; overflow:hidden}
.servicebox1 .theform ul li.address .select1{ width:98%;height:54px; line-height:54px; border:1px solid #e0e0e0}


.servicebox1 .theform ul li.long{ width:100%; height:auto; overflow:hidden;}
.servicebox1 .theform ul li .btnme{ width:185px; height:60px; margin:0 auto; display:block; background:#0078c2; font-size:18px; color:#FFF; border:0px;}


/*下载中心*/
.servicebox2{ width:100%; height:auto; overflow:hidden;  background: url(../Images/service2bg.jpg) center center no-repeat; background-size:cover; padding:45px 0 }
.servicebox2 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.servicebox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.servicebox2 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.servicebox2 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}
.servicebox2 .cbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0; margin-top:15px}
.servicebox2 .nav{ width:100%; height:auto; overflow:hidden; height:auto; overflow:hidden; border-bottom:1px solid #efefef}
.servicebox2 .nav ul{ margin:0px; padding:0px; list-style:none}
.servicebox2 .nav ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; height:63px; line-height:63px; overflow:hidden; text-align:center; font-size:20px; float:left}
.servicebox2 .nav ul li.onfocus{ color:#0078c2; font-weight:700}
.servicebox2 .nav ul li.onfocus a{color:#0078c2}

.servicebox2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

/*手册列表*/
.manuallist{ width:100%; height:auto; overflow:hidden;}
.manuallist ul{ margin:0px; padding:0px; list-style:none}
.manuallist ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.manuallist ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#f3f4f6; box-sizing:border-box; padding:20px;}
.manuallist ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px; color:#161616}
.manuallist ul li .word{ width:100%; height:28px; line-height:28px; overflow:hidden; font-size:14px; margin-top:10px;}

.manuallist ul li .more{ width:100%; height:26px; line-height:26px; font-size:12px; overflow:hidden; margin-top:10px; color:#0093e7; background:url(../Images/d1.png) left center no-repeat; text-indent:25px;}
.manuallist ul li .more span{ display:none}
.manuallist ul li:hover .more{ background:url(../Images/d2.png) left center no-repeat}
.manuallist ul li:hover .more span{ display:inherit}
.manuallist ul li:hover .tit{ color:#0078c2}
/*视频列表*/


/*售后热线*/
.servicebox3{ width:100%; height:auto; overflow:hidden;  background: #ffffff; padding:40px 0 }
.servicebox3 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.servicebox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.servicebox3 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.servicebox3 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}

.servicebox3 .list{ width:100%; height:auto; overflow:hidden;}
.servicebox3 .list ul{ margin:0px; padding:0px; list-style:none}
.servicebox3 .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.servicebox3 .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin:10px 0}
.servicebox3 .list ul li .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:700; color:#262626}
.servicebox3 .list ul li .word{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:20px; font-weight:700; color:#0078c2} 

/*视频*/
.videolist{ width:96%; height:auto; overflow:hidden; margin:0 auto}
.videolist ul{ margin:0px; padding:0px; list-style:none}
.videolist ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.videolist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.videolist ul li .pic{ width:100%; height:262px; overflow:hidden; position:relative}
.videolist ul li .pic .img{width:100%; height:262px; overflow:hidden;}
.videolist ul li .pic .cover{ width:55px; height:55px; background:url(../Images/videobtn.png) no-repeat; position: absolute; left:50%; top:50%; margin-left:-26px; margin-top:-26px;}
.videolist ul li .tit{ width:100%; height:50px; text-align:center; font-size:18px; overflow:hidden; text-align:center; margin-top:15px}

.videolist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*联系我们*/
.conatctbox{ width:100%; height:auto; overflow:hidden;  background:#f3f4f6; padding:30px 0 }
.conatctbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.conatctbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.conatctbox .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.conatctbox .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.conatctbox .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}
.conatctbox .cbox{ width:100%; height:auto; overflow:hidden; background:#FFF; margin-top:25px; padding:0}
.conatctbox .cbox .leftbox{ width:30%; height:470px; float:left; overflow:hidden; background:#0078c2}
.conatctbox .cbox .leftbox .list{ width:92%; margin:0 auto; overflow:hidden; margin-top:20px; color:#FFF}
.conatctbox .cbox .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.conatctbox .cbox .leftbox .list ul li{ margin:0px 0 20px 0 ; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.conatctbox .cbox .leftbox .list ul li .tit{ width:100%; height:40px; line-height:40px; font-size:16px; font-weight:700}
.conatctbox .cbox .leftbox .list ul li .word{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px;}

.conatctbox .cbox .rightbox{ width:70%; height:470px; float:left; overflow:hidden;}
.conatctbox .cbox .rightbox .mapbox{ width:100%; height:470px; overflow:hidden;}


/*新闻信息*/
.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:0 0 20px 0px; padding:0px; overflow:hidden; list-style:none; width:100%; height:auto; background:#FFF}
.bignews ul li .pic{ width:32%; float:left; overflow:hidden; height:255px;  }
.bignews ul li .pic .img{ width:100%; height:255px; overflow:hidden;transition: all 0.5s ease;}
.bignews ul li .wordbox{ width:65%; float:right; overflow:hidden; height:auto; }
.bignews ul li .wordbox .time{ width:100%; height:25px; line-height:25px; font-size:14px; color:#7f7f7f;overflow:hidden; }
.bignews ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:24px; color:#333333;overflow:hidden; font-weight:700; margin:10px 0 }
.bignews ul li .wordbox .word{ width:100%; height:56px; line-height:28px; overflow:hidden; font-size:14px; color:#787878; margin-top:10px;}
.bignews ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:25px; font-size:12px; color:#0078c2}

.bignews ul li:hover .wordbox .tit{ color:#0078c2}
.bignews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*人才招聘*/
.jobbox1{ width:100%; height:auto; overflow:hidden;  background:#f3f4f6; padding:30px 0 }
.jobbox1 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobbox1 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.jobbox1 .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.jobbox1 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364; margin-top:10px;}
.jobbox1 .cbox{ width:100%; height:auto; overflow:hidden; background: url(../Images/job1bg.jpg) right bottom no-repeat #FFF; background-size:cover; margin-top:25px; padding:30px; box-sizing:border-box;}
.jobbox1 .cbox .wordbox{ width:60%; height:auto; overflow:hidden; line-height:200%; font-size:14px;}
.jobbox1 .cbox .wordbox img{ max-width:100%; height:auto}


.jobbox2{ width:100%; height:auto; overflow:hidden;  background: url(../Images/jobbox2bg.jpg) center center no-repeat; background-size:cover; padding:30px 0 }
.jobbox2 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobbox2 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.jobbox2 .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.jobbox2 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364; margin-top:10px;}
.jobbox2 .cbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF;margin-top:30px;}


/*人力资源*/
.jobsearch{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.jobsearch ul{ margin:0px; padding:0px; list-style:none}
.jobsearch ul li{ margin:0px; padding:0px; list-style:none; width:17%; height:auto; overflow:hidden; float:left}
.jobsearch ul li.t4{ width:49%; float:left; overflow:hidden;}
.jobsearch ul li .select1{ width:96%; height:54px; border:1px solid #898989;}
.jobsearch ul li .input1{ width:80%; height:54px; border:1px solid #898989; float:left}
.jobsearch ul li .btnme{ width:20%; height:54px; background: url(../Images/searchbtn.jpg) center center no-repeat #009ceb; border:0; float:left}


.jobtitbox{ width:100%; height:50px; overflow:hidden; background:#213154; color: #ffffff; font-size:16px; }
.jobtitbox p{ display:block; height:50px; line-height:50px; float:left; overflow:hidden; text-indent:0; text-align:left}
.jobtitbox p.t1{ width:70%; box-sizing:border-box; padding:0 0 0 20px;}
.jobtitbox p.t2{ width:30%; box-sizing:border-box; padding:0 20px 0 0px; text-align:right}

.joblist{ width:100%; height:auto; overflow:hidden;}
.joblist .onebox{ width:100%; height:auto; overflow:hidden; margin-top:15px; border-bottom:1px solid #ffffff; background:#ffffff; box-sizing:border-box; }
.joblist .onebox .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden;  cursor:pointer; font-size:16px; background:#f3f3f3;}
.joblist .onebox .titbox p{ display:block; height:50px; line-height:50px; float:left; overflow:hidden; text-indent:0; text-align:left; font-size:16px;}
.joblist .onebox .titbox p.t1{ width:70%; box-sizing:border-box; padding:0 0 0 20px;}
.joblist .onebox .titbox p.t2{ width:30%; box-sizing:border-box; padding:0 20px 0 0px; text-align:right}
.joblist .onebox .titbox p.t2 .m1{ display: inline}
.joblist .onebox .titbox p.t2 .m2{ display:none}

.joblist .onebox .titbox2{ width:100%; height:40px; line-height:40px; overflow:hidden;  cursor:pointer; font-size:14px}

.joblist .onebox .wordbox{ width:100%; height:auto; overflow:hidden; display:none; border-top:1px solid #e6e6e6; line-height:200%; font-size:14px; box-sizing:border-box; background:#f3f3f3; padding:20px }
.joblist .onebox .apply{ width:147px; height:50px; border-radius:30px; background:#0078c2; font-size:14px; color:#FFF; line-height:50px; overflow:hidden; text-align:center; cursor:pointer}

.joblist .onfocus .titbox{color:#fff; background:#5addb6}
.joblist .onfocus .titbox p.t1 { font-weight:700}
.joblist .onfocus .titbox p.t2 .m1{ display:none}
.joblist .onfocus .titbox p.t2 .m2{ display:inline}

.joblist .onfocus .wordbox{ display:block}


/*工作弹出*/
.alertbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/cover2.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:99999; display:none}
.alertbox .cbox{ width:96%; height:auto; overflow:hidden; max-width:968px; overflow:hidden; margin:0 auto; margin-top:25px;}
.alertbox .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}

.alertbox .cbox .listbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px; border-radius:15px; margin-top:20px;}
.alertbox .cbox .listbox .titbox{ width:100%; height:60px; line-height:60px; overflow:hidden; background:url(../Images/ttline.jpg) bottom center no-repeat; font-size:30px; color:#262626; text-align:center;}
.alertbox .cbox .listbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.alertbox .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.alertbox .cbox .listbox .list ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.alertbox .cbox .listbox .list ul li .input1{ width:98%; height:52px; line-height:52px; overflow:hidden; border:1px solid #dfdfdf; font-size:14px; text-indent:20px;}
.alertbox .cbox .listbox .list ul li:nth-child(2n) .input1{ float:right}
.alertbox .cbox .listbox .list ul li.long{ width:100%; height:auto; overflow:hidden;}
.alertbox .cbox .listbox .list ul li .txt{ width:100%; height:190px; overflow:hidden;border:1px solid #dfdfdf; font-size:14px; box-sizing:border-box; padding:15px}
.alertbox .cbox .listbox .list ul li .btnme{ width:193px; height:53px; background:#0078c2; color:#FFF; font-size:16px; margin:0 auto; float:none; border:0px; border-radius:10px; display:block}



/*荣誉弹出*/
.alertbox2{ width:100%; height:auto; overflow:hidden; background:url(../Images/cover2.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:99999; display:none }
.alertbox2 .cbox{ width:96%; height:auto; overflow:hidden; max-width:620px; overflow:hidden; margin:0 auto; margin-top:25px;}
.alertbox2 .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}

.alertbox2 .cbox .listbox{ width:100%; height:628px; overflow:hidden; background:#FFF;border-radius:15px; margin-top:20px; position:relative; border:10px solid #FFF}
.alertbox2 .cbox .listbox .leftarr{ width:49px; height:49px; background:url(../Images/left1.png) no-repeat; position:absolute; left:15px; top:50%; margin-top:-50px; cursor:pointer; cursor:pointer; z-index:10}
.alertbox2 .cbox .listbox .rightarr{width:49px; height:49px; background:url(../Images/right1.png) no-repeat; position:absolute; right:15px; top:50%; margin-top:-50px; cursor:pointer; cursor:pointer; z-index:10}
.alertbox2 .cbox .listbox .list{ width:90%; margin:0 auto; height:628px; overflow:hidden; position:relative}
.alertbox2 .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.alertbox2 .cbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:628px; overflow:hidden;}
.alertbox2 .cbox .listbox .list ul li .pic{ width:100%; height:560px; overflow:hidden;}
.alertbox2 .cbox .listbox .list ul li .tit{ width:100%; height:auto; overflow:hidden; line-height:30px; margin-top:10px; text-align:center; font-size:14px}



/*产品详细*/
.protitle{ width:100%; height:auto; overflow:hidden;  line-height:45px; font-size:28px;color:#0093e7;}
.protitle2{ width:100%; height:auto; overflow:hidden; line-height:45px; font-size:30px; color:#0093e7; font-weight:700}

.producttop{ width:100%; height:auto; overflow:hidden; padding:0; margin-top:-75px; position:relative; z-index:100}
.producttop .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background:#FFF; box-sizing:border-box; padding:15px 0 20px 0; border-top:5px solid #0093e7 }
.producttop .centerbox .centerin{ width:96%; height:auto; overflow:hidden; margin:0 auto }




.producttop .leftbox{ width:33.33%; height:auto; float:right; overflow:hidden;}
.producttop .leftbox .pic{ width:100%; height:auto; overflow:hidden; text-align:right}
.producttop .leftbox .pic img{ max-width:100%; height:auto}
.producttop .rightbox{ width:60%; height:auto; float:left; overflow:hidden;}
.producttop .rightbox .box{ width:100%; margin:0 auto; overflow:hidden;}

.producttop .rightbox .box .wordbox{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px; margin-top:20px;}
.producttop .rightbox .box .chat{ width:100%; height:auto; margin-top:10px;}


.productshow{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.productshow .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;background:#FFF; padding:15px  }
.productshow .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.productshow img{ max-width:100%; height:auto} 

/*项目展示*/
.projectlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.projectlist ul{ margin:0px; padding:0px; list-style:none}
.projectlist ul li{ margin:10px 0px; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.projectlist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; background:#FFF; border:1px solid #e6edef;}
.projectlist ul li .pic{ width:100%; height:195px; overflow:hidden; float:left}
.projectlist ul li .pic .img{ width:100%; height:195px; overflow:hidden;transition: all 0.5s ease;} 

.projectlist ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:22px; font-weight:700; color:#333333;}

.projectlist ul li:hover .box{ }
.projectlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist ul li:hover .tit{ color:#0093e7}



/*项目展示*/
.projectlist2{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.projectlist2 ul{ margin:0px; padding:0px; list-style:none}
.projectlist2 ul li{ margin:10px 0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; float:left}
.projectlist2 ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#FFF}
.projectlist2 ul li .pic{ width:50%; height:330px; overflow:hidden; float:left}
.projectlist2 ul li .pic .img{ width:100%; height:330px; overflow:hidden;transition: all 0.5s ease;} 
.projectlist2 ul li .wordbox{ width:50%; height:330px; box-sizing:border-box; float:left; padding:0 15px; background:url(../Images/slovebg1.png) right center no-repeat}
 
.projectlist2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:24px; font-weight:700; color:#343434; margin-top:10px;}
.projectlist2 ul li .word{ width:100%; height:180px; line-height:30px; overflow:hidden; font-size:14px;  color:#262626; margin-top:20px;}

.projectlist2 ul li:nth-child(2n) .pic{ float:right}
.projectlist2 ul li:nth-child(2n) .wordbox{ background:url(../Images/slovebg2.png) left center no-repeat; float:left}

.projectlist2 ul li:hover .box{ background:#fafffe}
.projectlist2 ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist2 ul li:hover .tit{ color:#00408a}


/*新闻*/
.newstopbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.newstopbox .slidebox{ width:49%; float:left; overflow:hidden; height:391px; position:relative}
.newstopbox .slidebox .list{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:391px; overflow:hidden; position:relative}
.newstopbox .slidebox .list ul li .pic{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul li .cover{ position:absolute; left:0px; bottom:0px; background:url(../Images/covr1.png) repeat-x; height:99px;}

.newspage {position: absolute;left: 0;text-align: center; bottom:15px;width: 100%;}
.newspage .swiper-pagination-switch { display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #ffffff;margin: 0 3px;cursor: pointer;}
.newspage .swiper-active-switch {background: #00408a;}


.newstopbox .listbox{ width:49%; float:right; overflow:hidden;}
.newstopbox .listbox ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .listbox ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:23px;} 
.newstopbox .listbox ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; font-weight:700; color:#262626}
.newstopbox .listbox ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px;}
.newstopbox .listbox ul li:hover .tit{ color:#00408a}


.newslist{ width:100%; height:auto; overflow:hidden;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0; padding:0; list-style:none; width:100%; height:50px; line-height:50px; overflow:hidden; position:relative;  overflow:hidden; border-bottom:1px dashed #e1e1e1; font-size:14px; position:relative }
.newslist ul li p{height:50px; line-height:50px; position:absolute; top:0}
.newslist ul li p.t1{ left:0; width:75%; overflow:hidden; background:url(../Images/r2.png) left center no-repeat; text-indent:21px; font-size:16px}
.newslist ul li p.t2{ right:0; font-size:13px;}


/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden; margin-top:35px;}
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:10px 0; padding:15px; list-style:none; width:100%; height:auto; overflow:hidden; position:relative;  border-top:1px dashed #ededed; background:#f6f6f6; box-sizing:border-box;transition: all 0.5s ease;}
.thenews ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#262626; font-weight:700}
.thenews ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:13px;}
.thenews ul li .time{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:10px; background:url(../Images/time.png) left center no-repeat; text-indent:25px; font-size:13px;}

.thenews ul li:hover{ background:#eff4f9}
.thenews ul li:hover .tit{ color:#00408a}

/*人才理念*/
.jobidea{ width:100%; height:auto; overflow:hidden;}
.jobidea ul{ margin:0px; padding:0px; list-style:none}
.jobidea ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; box-sizing:border-box; padding:15px;}
.jobidea ul li .box{ width:100%; height:auto; overflow:hidden; overflow:hidden;box-shadow:0 0 9px 3px #f3f3f3; border-radius:15px; box-sizing:border-box; padding:10px; background:#FFF}
.jobidea ul li .pic{ width:100%; height:235px; overflow:hidden;}
.jobidea ul li .wordbox{ width:100%; height:138px; overflow:hidden;}
.jobidea ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:24px; font-weight:700; color:#00408a; line-height:35px; margin-top:10px;}
.jobidea ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}




/*维权投诉*/
.countrylist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.countrylist ul{ margin:0px; padding:0px; list-style:none}
.countrylist ul li{ margin:0px 0 15px 0; padding:0 0px 10px 0 ; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #e1e1e1}
.countrylist ul li .pic{ width:256px; float:left; overflow:hidden; height:177px; overflow:hidden; border-radius:5px}
.countrylist ul li .pic .img{ width:100%; height:177px; overflow:hidden;transition: all 0.5s ease;}
.countrylist ul li .wordbox{ width:648px; float:right; overflow:hidden;}
.countrylist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:18px; color:#262626; font-weight:700}
.countrylist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#464646; margin-top:15px;}
.countrylist ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:12px; color:#cf0000}

.countrylist ul li:hover .wordbox .tit{ color:#cf0000}
.countrylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*国家地区展示*/
.countrypic{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:200%; margin:10px 0}
.countrypic img{ max-width:100%; height:auto}
.countryshow{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.countryshow .titbox{ width:100%; height:50px; background:#f3f3f3; overflow:hidden; position:relative}
.countryshow .titbox p{ display: block; height:50px; line-height:50px;}
.countryshow .titbox p.t1{ float:left; font-size:16px; font-weight:70; color:#a26432; text-indent:16px;}
.countryshow .titbox p.t2{ float:right; background:url(../Images/d1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; cursor:pointer}
.countryshow .titbox p.t3{ float:right; background:url(../Images/u1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; display:none;cursor:pointer; color:#FFF}
.countryshow .wordbox{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; margin:10px 0}

.countryshowon .titbox{ background:#a26432}
.countryshowon .titbox p.t1{ color:#FFF}
.countryshowon .titbox p.t2{  display:none}
.countryshowon .titbox p.t3{ display:block}
.countryshowon .wordbox{ height:auto}










.schoolList{ width:100%; height:auto; overflow:hidden;}
.schoolList ul{ margin:0px; padding:0px; list-style:none}
.schoolList ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.schoolList ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;}
.schoolList ul li .pic{ width:100%; height:203px; overflow:hidden}
.schoolList ul li .pic .img{ width:100%; height:203px; overflow:hidden;transition: all 0.5s ease;}
.schoolList ul li .tit{ width:100%; height:46px; line-height:46px; overflow:hidden; text-align:center; font-size:18px; font-weight:700; color:#000000}
.schoolList ul li .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:14px; color:#000000 }

.schoolList ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*学院校排名*/
.pmlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.pmlist .list{ width:100%; height:auto; overflow:hidden;}
.pmlist ul{ margin:0px; padding:0px; list-style:none}
.pmlist ul li{ margin:0px; padding:0px; list-style:none; height:118px; overflow:hidden; position:relative}
.pmlist ul li p{ display:block;height:118px; overflow:hidden; position:relative; float:left} 
.pmlist ul li p.t1{ width:9%; line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t2{ width:11%;line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t3{ width:31%;}
.pmlist ul li p.t3 .pic{ width:79px; height:79px; position:absolute; left:0px; top:19px;}
.pmlist ul li p.t3 .m1{ position:absolute; left:98px; top:32px; font-size:18px; font-weight:700; color:#242424}
.pmlist ul li p.t3 .m2{ position:absolute; left:98px; top:63px; font-size:15px;  color:#242424}
.pmlist ul li p.t4{ width:17%;line-height:118px; text-align:center; color:#242424; font-size:14px;}
.pmlist ul li p.t5{ width:20%;}
.pmlist ul li p.t5 span{ display:block; width:100%; font-size:14px; text-align:center}
.pmlist ul li p.t5 span.m1{ margin-top:25px;}
.pmlist ul li p.t5 span.m2{ margin-top:5px;}
.pmlist ul li p.t6{ width:12%;line-height:118px; text-align:center; color:#242424; font-size:14px;}

.pmlist ul li.tit{ height:60px; background:#a26432; color:#FFF; font-size:16px; line-height:60px; text-align:center}
.pmlist ul li.tit p{ height:60px; line-height:60px;}
.pmlist ul li.tit p.t1{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t2{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t4{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t6{ line-height:60px; color:#FFF;font-size:16px;}

.pmlist ul li.even{ background:#f3f3f3}



/*新闻*/
.nplist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.nplist ul{ margin:0px; padding:0px; list-style:none}
.nplist ul li{ margin:20px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden; }

.nplist ul li .pic{ width:100%; height:262px;overflow:hidden; position:relative}
.nplist ul li .pic .img{ width:100%; height:262px;transition: all 0.5s ease;}
.nplist ul li .tit{ width:100%; height:55px; line-height:55px; overflow:hidden; font-size:18px; font-weight:700; color:#242424}
.nplist ul li .word{ width:100%; height:54px; line-height:27px; overflow:hidden; font-size:14px;}
.nplist ul li .time{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:12px; margin-top:10px;}


.nplist ul li:hover .tit{ color:#a26432}
.nplist ul li:hover .word{ color:#a26432}
.nplist ul li:hover .time{ color:#a26432}
.nplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}









/*环保设备*/
.machine{ width:100%; height:auto; overflow:hidden;}
.machine ul{ margin:0px; padding:0px; list-style:none}
.machine ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.machine ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;border:1px solid #efefef;transition: all 0.5s ease;}
.machine ul li .pic{ width:100%; height:268px;  overflow:hidden; position:relative}
.machine ul li .pic .img{ width:100%; height:268px; overflow:hidden;transition: all 0.5s ease;}
.machine ul li .pic .cover{ width:100%; height:268px; background:url(../Images/cover2.png) center center no-repeat; background-size:cover; clear:none; position:absolute; left:0px; top:0px; display:none}
.machine ul li .wordbox{ width:96%; margin:0 auto;}
.machine ul li .wordbox .tit{ width:100%; height:57px; line-height:57px; font-size:16px; text-align:center; background: url(../Images/line1.jpg) bottom center no-repeat; overflow:hidden;}
.machine ul li .wordbox .tit2{ width:100%; height:36px; line-height:36px; overflow:hidden; text-align:center}

.machine ul li:hover .box{ background:#a7d006}
.machine ul li:hover .pic .cover{ display:block}
.machine ul li:hover .wordbox .tit{ background:url(../Images/line2.jpg) bottom center no-repeat; color:#FFF}
.machine ul li:hover .wordbox .tit2{ color:#FFF}
.machine ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}







/*材料展示*/
.piclist{ width:100%; height:auto; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none}
.piclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.piclist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.piclist ul li .pic{ width:100%; height:312px; overflow:hidden; position:relative}
.piclist ul li .pic .img{ width:100%; height:312px; overflow:hidden;transition: all 0.5s ease;}

.piclist ul li .tit{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; text-align:center}
.piclist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.piclist ul li:hover .tit{ background:#ececec; color:#f16005;}


/*联系我们*/
.contactbox{ width:100%; height:auto; overflow:hidden;}
.contactbox .addressbox{ width:50%; float:left; overflow:hidden; height:auto}
.contactbox .addressbox .box{ width:96%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}
.contactbox .addressbox .list{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.contactbox .addressbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox .addressbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.contactbox .addressbox .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.contactbox .addressbox .list ul li .pic img{ max-width:90%;}
.contactbox .addressbox .list ul li .tit{ width:100%; height:50px; overflow:hidden; line-height:50px; text-align:center}

.contactbox .feedbackbox{width:50%; float:left; overflow:hidden; height:auto}
.contactbox .feedbackbox .list{ width:100%; height:auto; overflow:hidden;}
.contactbox .feedbackbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox .feedbackbox .list ul li{ margin:8px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.contactbox .feedbackbox .list ul li .input1{ width:100%; height:53px; line-height:53px; border:1px solid #d6d6d6; text-indent:21px;}
.contactbox .feedbackbox .list ul li textarea{ width:100%; height:160px; line-height:25px; border:1px solid #d6d6d6; text-indent:21px;}

.contactbox .feedbackbox .list ul li .btnme{ width:100%; height:50px; line-height:50px; font-size:16px; color:#FFF; border:1px solid #009ae7; color:#009ae7; background:none;transition: all 0.5s ease;}
.contactbox .feedbackbox .list ul li .btnme:hover{ background:#009ae7; color:#FFF}








/*相册幻灯*/
.schoolSlide{ width:100%; height:600px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative}
.schoolSlide .list{ width:100%; height:456px; overflow:hidden;}
.schoolSlide .list ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:456px; float:left; overflow:hidden; float:left; position:relative}
.schoolSlide .list ul li p{ display:block; width:100%; height:40px; line-height:40px; text-indent:15px; color:#FFF; overflow:hidden; background:url(../Images/cover3.png) repeat; left:0px; bottom:0px; position:absolute}
.schoolSlide .leftarr{ width:30px; height:45px; background:url(../Images/left1.png) no-repeat; position:absolute; left:28px; top:197px; cursor:pointer; z-index:100; }
.schoolSlide .rightarr{ width:30px; height:45px;background:url(../Images/right1.png) no-repeat; position:absolute; right:28px; top:197px;cursor:pointer; z-index:100; }
.schoolSlide .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.schoolSlide .minbox .left1{ position:absolute; left:0px; top:25px; width:20px; height:33px; background:url(../Images/minleft.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .right1{position:absolute; right:0px; top:25px;width:20px; height:33px; background:url(../Images/minright.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .mlist{ width:92%; margin:0 auto; overflow:hidden; }
.schoolSlide .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:191px; height:111px; overflow:hidden; float:left}
.schoolSlide .minbox .mlist ul li .img{ width:90%; height:111px; overflow:hidden;}
.schoolSlide .minbox .mlist ul li .img .cover{ width:100%; height:111px; background:url(../Images/cover3.png) repeat; overflow:hidden; display:none}
.schoolSlide .minbox .mlist ul li .img .cover p{ display:block; width:100%; text-align:center; color:#FFF; font-size:14px}
.schoolSlide .minbox .mlist ul li .img .cover p.t1{ margin-top:33px;}
.schoolSlide .minbox .mlist ul li.active-nav .img{ border:1px solid #0882d5}
.schoolSlide .minbox .mlist ul li.active-nav .img .cover{ display:block}





/*新闻*/
.listnews{ width:100%; height:auto; overflow:hidden;}
.listnews ul{ margin:0px; padding:0px; list-style:none}
.listnews ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:140px; border-bottom:1px dashed #e5e5e5;}
.listnews ul li .wordbox{ width:88%; float:right;}
.listnews ul li .wordbox .tit{ width:100%; height:35px; line-height:35px; font-size:22px; color:#333333; overflow:hidden; margin-top:5px}
.listnews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px; font-size:14px}

.listnews ul li .timebox{ width:10%; float:left; height:113px; overflow:hidden; border-right:1px solid #e6e6e6;}
.listnews ul li .timebox p{ display:block; width:100%; overflow:hidden; text-align:center}
.listnews ul li .timebox p.t1{ width:100%; font-size:32px; color:#1374c3; margin-top:15px;}
.listnews ul li .timebox p.t2{ width:100%; margin-top:14px; overflow:hidden; font-size:14px; color:#787878;}

.listnews ul li:hover .wordbox .tit{ color:#1374c3;}
.listnews ul li:hover .wordbox .word{color:#1374c3;}



.listnews ul li.havepic .pic{ width:20.86%; float:left; overflow:hidden; height:126px; overflow:hidden;} 
.listnews ul li.havepic .pic .img{ width:100%;  height:126px;transition: all 0.5s ease;}
.listnews ul li.havepic  .wordbox{ width:62.06%; float:left; margin-left:2.73%;}

.listnews ul li.havepic:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*服务*/
.servicelist{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0}
.servicelist ul{ margin:0px; padding:0px; list-style:none}
.servicelist ul li{ margin:15px 0 0 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; height:auto;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.servicelist ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #ebebeb;}
.servicelist ul li .pic{ width:100%; height:194px; overflow:hidden;}
.servicelist ul li .pic .img{ width:100%; height:194px; overflow:hidden;transition: all 0.5s ease;}
.servicelist ul li .tit{ width:92%; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#000; overflow:hidden;}
.servicelist ul li .word{ width:92%; margin:0 auto; height:50px; line-height:25px; overflow:hidden; border-bottom:1px dashed #CCCCCC; margin-top:10px; }
.servicelist ul li .more{ width:92%; margin:0 auto; height:41px; line-height:41px; overflow:hidden;}
.servicelist ul li .more p{ display:block; height:41px; line-height:41px;}
.servicelist ul li .more p.t1{float:left;}
.servicelist ul li .more p.t2{float:right; color:#e5222a;}

.servicelist ul li:hover .tit{ color:#e5222a;}
.servicelist ul li:hover .box{ border:1px solid #e5222a;}
.servicelist ul li:hover .pic .img{  -webkit-transform: scale(1.1); transform: scale(1.1);}

/*留言*/
.msgbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0; margin-bottom:20px;}
.msgbox .box{ width:92%; margin:0 auto; overflow:hidden;}
.msgbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.msgbox .list{ width:100%; height:auto; overflow:hidden;}
.msgbox .list ul{ margin:0px; padding:0px; list-style:none}
.msgbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:33.33%; height:36px; line-height:36px; float:left; overflow:hidden;}
.msgbox .list ul li .input1{ width:92%; height:36px; border:1px solid #CCC; text-indent:11px; line-height:36px; background:#FFF}
.msgbox .list ul li select{ width:92%; height:36px; border:1px solid #CCC; line-height:36px; background:#FFF}
.msgbox .list ul li .btnme{ width:128px; height:40px; line-height:40px; color:#FFF; border:0px; background:#00a3cc; font-size:14px}



.allbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;}

/*下载*/
.download{ width:96%; margin:0 auto; overflow:hidden;}
.download ul{ margin:0px; padding:0px; list-style:none}
.download ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:43px; line-height:43px; border-bottom:1px dashed #d3d3d3; position:relative}
.download ul li p{ display:block; height:43px; line-height:43px; float:left; overflow:hidden;}
.download ul li p.t1{ background:url(../Images/newsdot1.jpg) 5px 16px no-repeat; text-indent:24px; font-size:14px; width:60%;}
.download ul li p.t2{ width:20%; text-align:center;}
.download ul li p.t3{ width:20%; text-align:right;}






/*师资力量*/
.teacherlist{ width:100%; height:auto; overflow:hidden;}
.teacherlist ul{ margin:0px; padding:0px; list-style:none}
.teacherlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.teacherlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.teacherlist ul li .pic{ width:100%; height:182px; border:1px solid #CCC; overflow:hidden;}
.teacherlist ul li .pic .img{width:100%; height:182px; transition: all 0.5s ease;}
.teacherlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}

.teacherlist ul li:hover .pic .img{-webkit-transform: scale(1.1);transform: scale(1.1);}








/*关于我们*/
.aboutbox{ width:100%; background:url(../Images/aboutbg.jpg) top right  no-repeat; overflow:hidden; min-height:400px; margin-top:35px; font-size:14px;}
.aboutbox .box{ width:50%; overflow:hidden; line-height:200%;}
.aboutpic{ width:100%; height:auto; overflow:hidden;}
.aboutpic ul{ margin:0px; padding:0px; list-style:none}
.aboutpic ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.aboutpic ul li img{ width:96%; margin:0 auto; overflow:hidden;}
 





.box2{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.showus{ width:100%; line-height:200%;  margin:0 auto; margin-top:20px; font-size:14px}
.showus table{width:100%;border-collapse:collapse;}
.showus tr.tit{ background:#0172c4; color:#FFF;}
.showus tr.even{ background:#eff4f8}
.showus td{border:1px solid #e1e1e1;line-height:48px; font-size:14px; text-align:center}
.showus td em{color:#999;margin-left:5px; font-style:normal;}
.showus img{ max-width:100%; height:auto}



.ertitle{ width:100%; height:auto; overflow:hidden;}
.ertitle { float:left; height:67px; line-height:67px; overflow:hidden; font-size:24px; font-weight:bold; color:#4b4b4b;}
.ertitle  span{ font-weight:normal; color:#7f7f7f; font-size:12px}








/*推荐的新闻*/
.goodnews{ width:100%; height:auto; overflow:hidden;}
.goodnews ul{ margin:0px; padding:0px; list-style:none}
.goodnews ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:185px;}
.goodnews ul li .box{ width:90%; height:185px; overflow:hidden;}
.goodnews ul li .tit{ width:100%; height:47px; line-height:47px; font-size:16px; overflow:hidden; color:#3f9d15; font-weight:bold;}
.goodnews ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; color:#787878; }
.goodnews ul li .time{ width:100%; margin-top:20px; height:45px; line-height:45px; overflow:hidden; color:#3f9d15;}




/*产品展示*/
.photolist{ width:100%; height:auto; overflow:hidden;}
.photolist ul{ margin:0px; padding:0px; list-style:none}
.photolist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33%; float:left; overflow:hidden;}
.photolist ul li .box{ width:90%; height:auto; overflow:hidden;}
.photolist ul li .box .pic{ width:100%; height:307px; overflow:hidden; position:relative; border:2px solid #f4f4f4; padding:-2px;}
.photolist ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center}


.photolist ul li:hover .box .pic { border:2px solid #f59b0f;}
.photolist ul li:hover .box .tit{  color:#f59b0f}



/*产品详细页*/
.protit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eaeaea; text-align:center}
.protit em{ font-style:normal; font-size:16px; height:48px; line-height:48px; border-bottom:2px solid #faa93e; color:#0976cb; padding:15px 0}
.showpic{ width:100%; text-align:center; padding:25px 0}
.showpic img{ max-width:100%;}

.pronav{ width:100%; height:auto; overflow:hidden; border:1px solid #d4d4d4; padding-bottom:-1px;}
.pronav ul{ margin:0px; padding:0px; list-style:none}
.pronav ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:43px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left; line-height:43px; overflow:hidden; font-size:14px; text-align:center; cursor:pointer}

.pronav ul li.onfocus { background:#f59b0f; color:#FFF}

.productarea{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0 ;}

/*安装服务*/
.installform{ width:100%; height:auto; overflow:hidden;}
.installform ul{ margin:0px; padding:0px; list-style:none}
.installform ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.installform ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; color:#252525; font-size:14px;}
.installform ul li .tit span{ color:#fe2422}
.installform ul li .word{ width:100%; height:auto; overflow:hidden;}
.installform ul li .word2{ width:100%; height:42px; overflow:hidden; position:relative}
.installform ul li .word2 .scan{ width:26px; height:26px; background:url(../Images/sacn.png) no-repeat; position:absolute; right:12px; top:7px; background-size:100% 100%;}

.installform ul li  select{ width:100%; height:40px; line-height:40px; overflow:hidden; border:1px solid #dcdeea;text-indent:15px;}
.installform ul li .input1{width:100%; height:40px; line-height:40px; overflow:hidden; border:1px solid #dcdeea; text-indent:15px;}
.installform ul li  textarea{width:100%; height:165px; line-height:35px; overflow:hidden; border:1px solid #dcdeea; padding:10px; box-sizing:border-box}

.installform ul li .word .btnme{ width:236px; height:50px; line-height:50px; margin:0 auto; display:block; border:0px; color:#FFF; font-size:14px; text-align:center; border-radius:35px; background:#0093e7; margin-top:15px;}